<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<!--suppress HtmlRequiredTitleElement -->
<head>
    <th:block th:include="include :: header('在线用户记录')"/>
</head>
<body class="layui-layout-body theme-himio layui-anim layui-anim-upbit">
<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <!-- 表格工具栏 -->
            <form class="layui-form toolbar">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">登录账号:</label>
                        <div class="layui-input-inline">
                            <input name="loginName" class="layui-input" placeholder="请输入登录账号"/>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">登录地点:</label>
                        <div class="layui-input-inline">
                            <input name="loginLocation" class="layui-input" placeholder="请输入登录地点"/>
                        </div>
                    </div>
                    <div class="layui-inline">&emsp;
                        <button class="layui-btn icon-btn" lay-filter="userOnlineTbSearch" lay-submit>
                            <i class="layui-icon layui-icon-search"></i>搜索
                        </button>
                    </div>
                </div>
            </form>
            <!-- 数据表格 -->
            <table id="userOnlineTable" lay-filter="userOnlineTable"></table>
        </div>
    </div>
</div>

<!--表格操作工具按钮-->
<script type="text/html" id="userOnlineTbBar">
    {{# if(d.status != 'OFFLINE'){ }}
    <a class="layui-btn layui-btn-danger layui-btn-sm icon-btn" lay-event="forceLogout"
       shiro:hasPermission="monitor:online:forceLogout"><i class="fa fa-trash"></i>强退</a>
    {{# }else{ }}
    -
    {{# } }}
</script>


<!-- js部分 -->
<th:block th:include="include :: footer"/>
<script th:inline="javascript">
    var forceLogoutFlag = [[${@permission.hasPermit('monitor:online:forceLogout')}]];
    var exportFlag = [[${@permission.hasPermit('monitor:online:export')}]];

    var dictSysSessionStatus = [[${@dict.getType('sys_session_status')}]];
    var prefix = ctx + "monitor/online";
</script>
<script th:src="@{/static/assets/system/js/userOnline.js}"></script>
</body>
</html>

